
export enum ScreenWidth {
  SM = 640,
  MD = 768,
  LG = 1024,
  XL = 1280,
  XXL = 1536,
}

export const Listeners = {
  SM: window.matchMedia(`(min-width: ${ScreenWidth.SM}px)`),
  MD: window.matchMedia(`(min-width: ${ScreenWidth.MD}px)`),
  LG: window.matchMedia(`(min-width: ${ScreenWidth.LG}px)`),
  XL: window.matchMedia(`(min-width: ${ScreenWidth.XL}px)`),
  XXL: window.matchMedia(`(min-width: ${ScreenWidth.XXL}px)`),
}
